﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="List.aspx.cs" Inherits="admin_Dialog_List" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="/admin/Css/Common.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jQuery1.7.js" type="text/javascript"></script>
    <script src="/Plugin/artDialog/jquery.artDialog.source.js?skin=blue"
        type="text/javascript"></script>
    <script src="/Plugin/artDialog/iframeTools.source.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">

        //js 加载
        $(function () {
            var showDepth="<%=ShowDeth %>";
            if (showDepth=="0") {
                $("#List_table").find("tr").show();
                $("#List_table").find("tr").attr("state","true");
            }else {
                $("tr[depth=" + showDepth + "]").show();  //初始化第一级分类显示 
                $("tr[depth=" + showDepth + "]").attr("state","true");  //初始化第一级分类显示 
            }
           

            if (art.dialog.data("rootname") != " " && art.dialog.data("rootname") != "" && art.dialog.data("rootname") != null && art.dialog.data("rootname") != undefined) {
                $("span[name=RootName]").html(art.dialog.data("rootname"));
            }
        });


        //鼠标在元素上时添加样式
        var addClass = function (o) {
            $(o).addClass("move");
        }

        //鼠标移开元素时删除样式 
        var removeClass = function (o) {
            $(o).removeClass("move");
        }

        //单击事件
        var clickClass = function (obj) {
            obj = $(obj).parents("tr").first();
            var _id = $.trim(art.dialog.data("TemId"));  // 获取存储器中key=TemId的值
            if (_id != "") {
                $("#" + _id).removeClass("click");  //删除原有的选中项样式
            }
            $(obj).addClass("click");           //设置新的选中项样式
            if (setVal(obj)) {
                $("#c_ok").removeAttr("disabled");       //改变按钮的样式
                $("#c_ok").addClass("aui_state_highlight"); //改变按钮的样式
            } else {
                $(obj).removeClass("click"); 
            }
        }

        //双击事件
        var dbClick = function (obj) {
            obj = $(obj).parents("tr").first();
            setVal(obj);
            art.dialog.data("name", art.dialog.data("TemName"));
            art.dialog.data("id", art.dialog.data("TemId"));
            art.dialog.close();  //弹出框关闭
        }

        //确定事件
        var c_okClick = function () {
            art.dialog.data("name", art.dialog.data("TemName"));
            art.dialog.data("id", art.dialog.data("TemId"));
            art.dialog.close();  //弹出框关闭
            
        }

        //关闭事件
        var closeClick = function () {
            art.dialog.close();  //弹出框关闭

        }

        //树结点展开
        var TreeOpenOrClose = function (pid, obj) {
            var parentObj = $(obj).parents("tr");

            //如果当前状态为未展开状态 执行展开
            if (parentObj.attr("state") == "false") {
                $("tr[name=" + pid + "]").show();           //让父类为自己的第一级分类展开
                $(obj).find("img").attr("src", "../Images/2.png");  //让当前的图片改为已打开状态
                parentObj.attr("state", "true");                    //修改当前状态为“已打开”
            }
            //如果当前状态为已展开状态，执行合并
            else if (parentObj.attr("state") == "true") {
                $("." + pid).hide();                        //隐藏当前分类的所有子类（包扩自己，下面会执行让自己显示 ）
                $("." + pid).attr("state", "false");        //把当前分类的所有子类状态改为“已合关”
                $("#" + pid).show();                        //让自己显示
                $("." + pid).find("img").attr("src", "../Images/1.png");  //修改当前分类图片为已全并图片
                parentObj.attr("state", "false");
            }
        }

        //设置选中值为返回值
        var setVal = function (o) {
            var valName = $.trim($(o).find("#ClassContent").html());  //获取当前选中项的名称
            var valID = $(o).attr("id");  //获取当前选中项的ID
            var Itself = art.dialog.data("Itself");     //获取上一窗口中传来的值，此值为修改时被修改项的ID，为了防止自己选自己为父类
            if (valID == Itself && Itself != undefined && Itself != 0 && Itself != null) {
                alert("不可以选择自己为父类！请另行选择");
                return false;
            } else {
                art.dialog.data("TemName", valName);
                art.dialog.data("TemId", valID);
                return true;
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table id="List_table" style="width: 100%">
            <% if (Show)
               {%>
            <tr id="0" style="cursor: pointer" onmousemove="addClass(this)" onmouseout="removeClass(this)">
                <td>
                    <div id="dcname">
                        <span id="ClassContent" name="RootName" style="cursor: pointer;" ondblclick="dbClick(this)"
                            onclick="clickClass(this)">根目录</span></div>
                </td>
            </tr>
            <%} %>
            <asp:Repeater ID="rpTreeList" runat="server">
                <ItemTemplate>
                    <tr id="<%#Eval("C_ID")%>" state="false" depth="<%#Eval("C_Depth")%>" name="<%#Eval("C_Parent_Id")%>"
                        class="<%#Eval("C_Path").ToString().Replace("|"," ")%>" style="display: none;"
                        onmousemove="addClass(this)" onmouseout="removeClass(this)">
                        <td>
                            <div style="margin-left: <%# (Convert.ToInt32(Eval("C_Depth")))*30%>px;">
                                <span style="cursor: pointer;" onclick="TreeOpenOrClose('<%#Eval("C_ID")%>',this)">
                                    <img src="../Images/1.png" /></span> <span id="ClassContent" style="cursor: pointer;"
                                        ondblclick="dbClick(this)" onclick="clickClass(this)">
                                        <%#Eval("C_Name")%></span></div>
                        </td>
                    </tr>
                </ItemTemplate>
            </asp:Repeater>
        </table>
        <div class="aui_buttons">
            <button id="c_close" onclick="closeClick()" style="float: right; margin-right: 20px;">
                关 闭
            </button>
            <button id="c_ok" onclick="c_okClick()" disabled="" style="float: right;">
                确 定
            </button>
            <%--<button class="aui_state_highlight" style="float:right;">同意</button>--%>
        </div>
    </div>
    </form>
</body>
</html>
